<%@page pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="mtw" uri="http://www.mentaframework.org/tags-mtw/"%>

<!DOCTYPE HTML>
<html>
<link type="text/css" rel="stylesheet" href="/AutoERP/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/AutoERP/css/fam-icons.css" />
<!-- HEADER -->


<header class="container-fluid">

	<div class="row-fluid">

		<div class="span12">

			<div class="navbar">

				<div class="navbar-inner">

					<div class="container">
						<h2>
							<img src="/AutoERP/img/Logo.png" alt="">
						</h2>


					</div>

				</div>

			</div>

		</div>

	</div>


	<!-- / HEADER -->
	<script src="/AutoERP/js/bootstrap.js"></script>
	<script
		src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>









</header>

<body>

	<div class="navbar ">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#" name="top">Enterprise</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a href="<mtw:contextPath/>/jsp/index.jsp"><i class="icon-home icon-black"></i> Home</a></li>
						<li class="divider-vertical"></li>

						<li><a href="#"><i class="icon-lock icon-black"></i>
								Administrador</a></li>
						<li class="divider-vertical"></li>

						<li><a href="#"><i class="icon-user icon-black"></i>
								Funcionário</a></li>
						<li class="divider-vertical"></li>

						<li class="active"><a href="<mtw:contextPath/>/Cliente.listar.mtw"><i
								class="icon-user icon-black"></i> Cliente</a></li>
						<li class="divider-vertical"></li>
						<li class="divider-vertical"><a href="#"><i
								class="icon-wrench icon-black"></i> Carro</a></li>
						<li class="divider-vertical"></li>
						<li class="divider-vertical"><a href="<mtw:contextPath/>/OrdemServico.listarOS.mtw"><i
								class="icon-ok icon-black"></i> Serviço</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#"><i class="icon-envelope icon-black"></i>
								Mensagens</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#"><i class="icon-lock icon-black"></i>
								Permissions</a></li>
						<li class="divider-vertical"></li>
					</ul>
					<div class="btn-group pull-right">
						<!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i> admin	<span class="caret"></span>
					</a>-->
						<!--<ul class="dropdown-menu">
						<li><a href="#"><i class="icon-wrench"></i> Settings</a></li>
						<li class="divider"></li>
						<li><a href="#"><i class="icon-share"></i> Logout</a></li>
					</ul>-->
					</div>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!--/.container-fluid -->
		</div>
		<!--/.navbar-inner -->
	</div>




	<form action="<mtw:contextPath/>/Cliente.buscar.mtw" method="post"
		class="form-horizontal">
		<div style="margin-left: 20px;">
			<div class="btn-toolbar">
				<a href="<mtw:contextPath/>/jsp/cliente/adicionar.jsp"
					class="btn btn-primary"><i class="fam-user-add"></i> Novo
					Cliente</a>

				<div class="input-append">

					<select name="id_busca" style="margin-left: 30px;" class="span3">
						<option value="0">- Selecione o Tipo de Busca -</option>
						<option value="01">Nome</option>
						<option value="02">Código</option>
					</select> <input style="margin-left: 20px;" id="de_busca" name="de_busca"
						class="input-block-level" type="text"
						placeholder="Escreva o texto a ser buscado..."><span
						class="add-on"><i class="icon-search"></i></span>


					<button class="btn btn-success">Buscar</button>


				</div>
			</div>

		</div>

	</form>
	<div class="well">
		<table class="table table-striped">
			<thead>
				<tr>
					<th>Código</th>
					<th>Nome</th>
					<th>Celular</th>
					<th>RG</th>
					<th>Orgão Exp.</th>
					<th>CPF</th>
					<th style="width: 36px;"></th>
				</tr>
			</thead>
			<tbody>
				<mtw:list value="listaClientes">
					<mtw:isEmpty></mtw:isEmpty>
					<mtw:loop>
						<tr>
							<td><mtw:out value="id_cliente"></mtw:out></td>
							<td><mtw:out value="de_nome"></mtw:out></td>
							<td><mtw:out value="nu_tel_celular"></mtw:out></td>
							<td><mtw:out value="nu_rg"></mtw:out></td>
							<td><mtw:out value="de_orgao_expeditor"></mtw:out></td>
							<td><mtw:out value="nu_cpf"></mtw:out></td>
							<td><a
								href="<mtw:contextPath/>/Cliente.editar.mtw?id_cliente=<mtw:out value="id_cliente"/>"><i
									class="icon-pencil"></i></a></td>
						</tr>

					</mtw:loop>
				</mtw:list>

			</tbody>
		</table>
	</div>






	</div>
	<div class="pagination">
		<ul>
			<li><a href="#">Prev</a></li>
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">Next</a></li>
		</ul>
	</div>
	<div class="modal small hide fade" id="myModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">Delete Confirmation</h3>
		</div>
		<div class="modal-body">
			<p class="error-text">Are you sure you want to delete the user?</p>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
			<button class="btn btn-danger" data-dismiss="modal">Delete</button>
		</div>
	</div>


</body>
<div class="nav-collapse collapse">
	<ul class="nav">
		<li><a href="#">Copyright (c) Brazil Contact
				admin@enterprise.com</a></li>
	</ul>
</div>

</html>